body,html {
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	overflow:hidden
}
.bodge {
	position:absolute;
	bottom:10px;
	left:10px;
	color:#000;
	z-index:99
}
.bodge a {
	font-style:italic;
	color:#000
}
.bg {
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	background:-moz-linear-gradient(-45deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%);
	background:linear-gradient(135deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%)
}
.link-out {
	position:absolute;
	bottom:25px;
	right:10px
}
.link-out a {
	padding:15px 30px;
	background:rgba(0,0,0,0.3);
	color:#fff;
	text-decoration:none;
	font-family:"Helvetica";
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px
}
@media screen and (max-width:500px) {
	.link-out {
	position:absolute;
	bottom:20px;
	right:10px
}
.link-out a {
	padding:10px 20px;
	font-size:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px
}
}.link-out a:hover {
	background:rgba(0,0,0,0.8)
}
.everything {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%
}
.spinner img {
	width:100%
}
.holder,.spinner {
	width:300px;
	height:300px;
	position:relative
}
.handle {
	width:70px;
	height:70px;
	position:absolute;
	top:115px;
	left:115px;
	z-index:1
}
@media screen and (min-width:370px) and (max-width:499px) {
	.holder,.spinner {
	width:360px;
	height:360px;
	position:relative
}
.handle {
	width:80px;
	height:80px;
	position:absolute;
	top:140px;
	left:140px;
	z-index:1
}
}@media screen and (min-width:500px) {
	.holder,.spinner {
	width:500px;
	height:500px;
	position:relative
}
.handle {
	width:100px;
	height:100px;
	position:absolute;
	top:200px;
	left:200px;
	z-index:1
}
}